<p>我的订单</p>
    <div >
        <ul style="display:flex;width:100vw;height:30px;margin-top: 15px;">
            <li style="flex:1;text-align: center;margin-right: 18px;">
                 全部</li>
            <li  style="flex:1;text-align: center; margin-right: 18px;">
                 已预订</li>
             <li style="flex:1;text-align: center;margin-right: 18px;">
                 已完成</li>
             <li style="flex:1;text-align: center;margin-right: 20px;">
                 已取消</li>
        </ul>
    </div>

    
 